import React from "react";
import { Link, BrowserRouter } from "react-router-dom";
import { Routes, Route, Navigate } from "react-router";
import { KanbanScreen } from "../Kanban/index";
import { Epic } from "../Epic/index";
export const ProjectScreen = () => {
  return (
    <div>
      <Link to={"kanban"}>看板</Link>
      <Link to={"epic"}>任务组</Link>

      <Routes>
        <Route path={"/kanban"} element={<KanbanScreen></KanbanScreen>}></Route>
        <Route path={"/epic"} element={<Epic></Epic>}></Route>
        <Route
          path="*"
          element={
            <Navigate
              to={window.location.pathname + "/kanban"}
              replace={true}
            />
          }
        />
      </Routes>
    </div>
  );
};
